<!DOCTYPE html>
<html lang=en>
<head>
    <title>小米商城</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <!--优先使用IE最新内核edge，和chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <!--网页描述-->
    <meta name="keywords" content="小米 商城 小米商城 mi mishop">
    <meta name="description" content="小米商城，给你最好的购物体验">

    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
</head>
<body id="body">

<!--公共头部区-->
<header class="index-header">
    <div class="index-header-banner">
        <a class="link-block"></a>
    </div>
    <%= require("html-loader!../commonlayouts/header.html") %>
</header>

<!--公共导航区-->
<div class="nav">
    <div class="wrapper">
        <%= require("html-loader!../commonlayouts/nav.html") %>
    </div>
</div>

<!--菜单banner区-->
<div class="index-menu">
    <div class="wrapper">
        <div class="index-menu-banner">
            <%= require("html-loader!../commonlayouts/menu.html") %>
            <div class="swiper-container index-menu-banner-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6bc78e9245444886b5bd1fdd229a4770.jpg?thumb=1&w=1226&h=460&f=webp&q=90)">
                    </div>
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ebff5f5c1f52f2dbdd611897adbefd4.jpg?thumb=1&w=1226&h=460&f=webp&q=90)">
                    </div>
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/499c6a806572dab61c794dd9ae4c7617.jpg?thumb=1&w=1533&h=575&f=webp&q=90)">
                    </div>
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/84cec825f1cd04ea6554fece8ecbc236.jpg?thumb=1&w=1533&h=575&f=webp&q=90)">
                    </div>
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/369f3e3fc4efa7f27c0433995e6434bd.jpg?thumb=1&w=1533&h=575&f=webp&q=90)">
                    </div>
                    <div class="swiper-slide index-banner-item" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2d990f0e6e4e74643dd75c109a16e3c.jpg?w=2452&h=920)"></div>
                </div>
                <div class="swiper-pagination swiper-pagination-white"></div>
                <!--<div class="swiper-button-prev swiper-button-white "></div>-->
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
    </div>
</div>

<!--公共菜单区-->
<!--
<div class="index-menu">
    <div class="wrapper">
        <%= require("html-loader!../commonlayouts/menu.html") %>
    </div>
</div>
-->

<!--indexbanner区-->
<div class="index-banner">
    <div class="wrapper">
        <%= require("html-loader!./layouts/indexbanner.html") %>
    </div>
</div>

<!--内容区-->
<main class="index-main">
    <div class="wrapper"> 
        <%= require("html-loader!./layouts/indexshangou.html") %>

        <div class="main-banner banner-mi10">
            <img class="fullimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/47addc32aff1d2a84fc4535707190881.jpg?thumb=1&w=1533&h=150&f=webp&q=90">
        </div>

        <%= require("html-loader!./layouts/indexmobile.html") %>

        <div class="main-banner banner-houseelection">
            <img class="fullimg" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1533&h=150&f=webp&q=90">
        </div>

        <%= require("html-loader!./layouts/indexhouseele.html") %>
    </div>
</main>


<!--脚部区-->
<footer>
    <div class="footer-service">
        <div class="wrapper">
            <%= require("html-loader!../commonlayouts/footerservice.html") %>
        </div>
    </div>
    <div class="footer-website">
        <div class="wrapper">
            <%= require("html-loader!../commonlayouts/footerwebsite.html") %>
        </div>
    </div>
</footer>

<div class="right-side-menu">
    <%= require("html-loader!../commonlayouts/rightside.html") %>
</div>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</body>
</html>